﻿@using WebProject.Core.Models
@{
    ViewBag.Title = "Magtron Company";
}
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="logo" style="width: 993px">
      <img src="/images/image001.png" alt="image" width="207" height="60" />
      <h1 style="width: 746px"><a href="Index.cshtml"><span>Mag</span></a>tron</h1>
      </div>
      <div class="clr"></div>
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="Index.cshtml">Home</a></li>
          <li><a href="../Productions/Index.cshtml">Products</a></li>
          <li><a href="../News/Index.cshtml">News</a></li>
          <li><a href="../BackGround/Index.cshtml">BackGround</a></li>
        </ul>
        <div class="search">
        <form id="form" name="form" method="post" action="">
          <span>
          <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
          <input name="b" type="image" src="/images/search.gif" class="button" />
          </span>
        </form>
      </div>
      <!--/search -->
      </div>
      <div class="clr"></div>
      <div class="header_img">
      <img src="/images/img_top.jpg" alt="image" width="960" height="326" /></div> 
    </div>
  </div>
  <div class="clr"></div>
  
  <div class="fbg">
    <div class="fbg_resize">
   <div id="services">
    <ul>
      <li style="width: 275px">
        <div class="fl_left">
			<img src="/images/2.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </div>
      </li>
      <li class="last" style="width: 275px">
        <div class="fl_left">
			<img src="/images/4.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </div>
      </li>
  <li style="width: 275px">
        <div class="fl_left">
			<img src="/images/2.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </div>
      </li>     </li>
            <li class="last" style="width: 274px">
        <div class="fl_left">
			<img src="/images/4.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a> </p>
        </div>
      </li>
      </li>
            <li class="last" style="width: 284px">
        <div class="fl_left">
			<img src="/images/4.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </div>
      </li>
      <li style="width: 275px">
        <div class="fl_left">
			<img src="/images/3.jpg" alt="" style="float: left" /></div>
        <div class="fl_right">
          <h2>Indonectetus facilis</h2>
          <p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </div>
      </li>
    </ul>
    <br class="clear" />
  	</div>   
      <div class="clr"></div>
    </div> 
  	</div>
  	  <div class="fbg">
  	  <div class="fbg_resize">
      <div class="clr"></div>
    </div>
    <div class="footer">
      <p class="cn" >© Copyright <a href="#"> 2013-2014 Magtron Company</a>.</p>
          <div class="clr"></div>
    </div>
  </div>

</div>